.interventionBox {
	width: 750upx;
	min-height: calc(100vh - 44px);
	background: #F8F8F8;
	padding-bottom: 135upx;
	.selectMember {
		position: fixed;
		top: 88upx;
		left: 0;
		width: 750upx;
		height: 130upx;
		background-color: #05c6ad;
		padding: 34upx 24upx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		z-index: 10;
		.member {
			flex: 1;
			margin-right: 45upx;
			height: 62upx;
			background-color: #FFFFFF;
			border-radius: 6upx;
			line-height: 62upx;
			image {
				width: 26upx;
				height: 26upx;
				margin: 0 18upx;
			}
			text {
				color: #05c6ad;
				font-size: 30upx;
			}
		}
		.save {
			width: 138upx;
			height: 62upx;
			line-height: 62upx;
			text-align: center;
			border-radius: 8upx;
			background: #BEFFF7;
			color: #333333;
			margin-right: 19upx;
			font-size: 28upx;
		}
		.toSend {
			background-color: #009383;
			width: 138upx;
			height: 62upx;
			line-height: 62upx;
			text-align: center;
			border-radius: 8upx;
			color: #FFFFFF;
			font-size: 28upx;
		}
	}
	.mainContent {
		width: 702upx;
		margin: 130upx 24upx 0;
		.totalGoal,
		.specificGoals{
			padding-top: 33upx;
			.totalHead {
				background-color: #F2F9FF;
				width: 702upx;
				height: 156upx;
				padding: 0 21upx;
				border-radius: 12upx;
				.title {
					position: relative;
					color: #333333;
					font-size: 30upx;
					font-weight: bold;
					text-align: center;
					padding: 16upx 0 10upx;
					image {
						width: 26upx;
						height: 26upx;
						position: absolute;
						right: 22upx;
						top: 18upx;
					}
				}
				.describe {
					color: #333333;
					font-size: 28upx;
					line-height: 40upx;
				}
			}
			textarea {
				width: 702upx;
				min-height: 214upx;
				background: #FFFFFF;
				border-radius: 12upx;
				padding: 30upx 24upx;
				box-sizing: border-box;
				font-size: 30upx;
				color: #333333;
			}
		}
		
		.specificGoals,
		.interventionStrategy{
			.specificContent {
				.box {
					background-color: #FFFFFF;
					border-radius: 12upx;					
					.fillIn {
						padding: 0 72upx 0 31upx;
						position: relative;
						display: flex;
						align-items: center;
						.left {
							min-height: 110upx;						
							width: 100%;							
							color: #333333;
							align-items: center;
							font-size: 28upx;
							border-bottom: 1upx solid #f3f3f3;		
							flex: 1;
							display: flex;
							input {
								flex: 1;
							}
							.ql-container{
								min-height: 109upx !important;
								height: unset !important;
								/deep/ .ql-editor{
									padding:32upx;
								}
							}
						}
						image {
							position: absolute;
							right: 30upx;
							width: 24upx;
							height: 24upx;
						}
					}
				}
				.add {
					border-radius: 12upx;
					height: 74upx;
					width: 702upx;
					background-color: #FFFFFF;
					text-align: center;
					line-height: 74upx;
					margin-top: 2upx;
					image {
						width: 26upx;
						height: 26upx;
						margin-right: 13upx;
						vertical-align: middle;
					}
					text {
						color: #A8B2D1;
						font-size: 26upx;
					}
				}
			}
		}
		.interventionStrategy {
			padding-top: 33upx;
			.title {
				height: 78upx;
				color: #333333;
				font-size: 30upx;
				font-weight: bold;
				text-align: center;
				line-height: 78upx;		
				background: #F2F9FF;
				border-radius: 12upx;
			}
		}
	}
	.warp {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		.rect {
			width: 520upx;
			height: 330upx;
			background-color: #fff;			
			border-radius: 18upx;
			padding: 38upx 33upx;
			box-sizing: border-box;
			.rectItem {
				font-size: 30upx;
				margin-bottom: 10upx;
				color: #333333;
				text {
					color: #000000;
					font-weight: bold;
				}
			}
			.rectImg {
				    width:42upx;
				    height: 42upx;
				    position: absolute;
				    left: 50%;
				    transform: translateX(-50%);
				    margin-top: 104upx;
			}
		}
	}
	.comment{
		.ql-container2{
			flex:1;
			padding: 15upx 0;
			height: unset;
			line-height: 1.2;
		}
		.healthDetails:last-child{height: unset !important;}
	}
	.comment {
		margin-bottom: 40upx;
		.commentStyle {
			display: block;
			margin:0 0 28upx 23upx;
			color: #343434;
			font-size: 30upx;
		}
	
		.commentInput {
			width: calc(100vw - 108upx);
			background-color: #fff;
			border-radius: 6upx;
			min-height: 56upx;
			font-size: 30upx;
			color: #343434;
			// height: auto;
			// word-wrap: break-word;
			// border: 1px solid red;
		}
		.health {
			padding: 0 23upx;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			height: 106upx;
			background-color: #fff;
			width: 100%;
			.healthEducation {
				position: relative;
				color: #343434;
				font-size: 29upx;
				padding-left: 30upx;
				flex: 1;
			}
			.healthEducation::before {
				content: '';
				position: absolute;
				top: 8upx;
				left: 0;
				background-color: #FEA519;
				width: 8upx;
				height: 24upx;
				border-radius: 4upx;
			}
			.addHealth {
				width: 36upx;
				height: 36upx;
			}
		}
		
		.health_content {
			position: relative;
			// height: 567upx;
			width: 100%;
			border-radius: 6upx;
			margin: 6upx 0 10upx 0;
			background-color: #fff;
			.delImage {
				padding-bottom: 20upx;			
				.delScheme {
					position: absolute;
					top: 20upx;
					right: 28upx;
					width: 30upx;
					height: 30upx;
					// margin: 20upx 28upx 0 0;
				}
			}
			.healthDetails {
				display: flex;
				align-items: center;
				height: 92upx;
				box-sizing: border-box;
				border-bottom: 1px solid #E7E7E7;
				width: 90%;
				margin: 0 auto;
				text {
					color: #343434;
					font-size: 26upx;
					margin-left: 13upx;
				}
				input,
				textarea{
					flex: 1;
					box-sizing: border-box;
					overflow: hidden;
					font-size: 26upx;
					
				}
				textarea {
					padding: 30upx 20upx;
					height: 168upx;
				}
				.time {
					flex: 1;
				}
			}
			.healthDetails:last-child {
				display: flex;
				border: none;
				height: 200upx;
				align-items: stretch;
				line-height: 92upx;
			}
		}
	}
}